
  const my_spans = document.querySelectorAll("#nav>.container>div:nth-child(2)>span");
  my_spans.forEach((span) => {
    span.onmouseover = function () {
      my_spans.forEach((v) => v.classList.remove("hover"));
      this.classList.add("hover");
    };
    span.onmouseleave = function () {
      this.classList.remove("hover");
    };
  }); 
 
  const inp= document.getElementById(
    "nav_inp" 
  );
  console.log(inp);
  const inp_div = document.querySelector(
    "#nav>.container > div:nth-child(3) > div"
  );
  const inp_btn = document.querySelector(
    "#nav>.container > div:nth-child(3) > button"
  );

  inp.onclick = function () {
    inp_div.classList.add("cur");
    inp_btn.style.display = "none";
    inp.placeholder = "搜索文章/小册/标签/用户";
  };
  inp.onblur = function () {
    inp_div.classList.remove("cur");
    inp_div.style.transition = "0.2s linear";
    inp_btn.style.display = "";
    inp.placeholder = "探索稀土掘金";
  };  